  <div class="judul-single">
    <div class="container">
      <div class="row">
        <div class="col-lg-10 col-lg-offset-1">
          <h1>Gallery Album PT. Pilar Teknotama</h1>
        </div> 
      </div>
      <p class="garis-single"></p>
    </div>
  </div>
  <div class="bg-white-single">  
    <div class="container">
      <div class="row margintop20">
        <div class="col-lg-10 col-lg-offset-1">

          <div class="row">

          {foreach $results as $album}
            <div class="col-xs-6 col-sm-4">
              <div class="outer-gallfol">
                <div class="outer-img">
                  
                  <a href="{site_url('gallery')}/{$album['slug']}">
                    <center>
                      <img src="{base_url('foto_album')}/{$album['gambar']}">
                    </center>
                    <div class="clearfix"></div>
                  </a>
                  
                  <div class="clearfix"></div>
                </div>
                <p class="nm-gallfol">
                  <a href="{site_url('gallery')}/{$album['slug']}">
                    {$album['album']}
                  </a>
                  <p class="wkt-post pull-right" style="margin-top: 8px;margin-bottom:5px;">
                    <i class="fa fa-photo"></i>&nbsp;{$album['jml_foto']} Foto
                  </p>
                </p>
                <div class="clearfix"></div>
              </div>
              <div class="clearfix"></div>
            </div>
          {/foreach}

          <nav class="pull-right margintop20">
            <ul class="pagination">
              {$pagination}
            </ul>
          </nav>

          </div>

        </div>
      </div>
    </div>
  <div class="clearfix"></div>
  </div>
